
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 15:40:41 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="fabricio_juliatto">
        <span class="simulation-information-label">Description: </span>
        <span>fabricio_juliatto</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68422</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692805241000,3],[1692805242000,2],[1692805243000,2],[1692805244000,2],[1692805245000,2],[1692805246000,2],[1692805247000,2],[1692805248000,2],[1692805249000,2],[1692805250000,2],[1692805251000,2],[1692805252000,2],[1692805253000,2],[1692805254000,2],[1692805255000,2],[1692805256000,2],[1692805257000,2],[1692805258000,2],[1692805259000,2],[1692805260000,2],[1692805261000,2],[1692805262000,2],[1692805263000,2],[1692805264000,2],[1692805265000,2],[1692805266000,6],[1692805267000,6],[1692805268000,6],[1692805269000,7],[1692805270000,7],[1692805271000,7],[1692805272000,7],[1692805273000,8],[1692805274000,7],[1692805275000,8],[1692805276000,8],[1692805277000,8],[1692805278000,8],[1692805279000,9],[1692805280000,9],[1692805281000,9],[1692805282000,9],[1692805283000,9],[1692805284000,10],[1692805285000,9],[1692805286000,10],[1692805287000,10],[1692805288000,10],[1692805289000,11],[1692805290000,11],[1692805291000,10],[1692805292000,11],[1692805293000,12],[1692805294000,11],[1692805295000,12],[1692805296000,11],[1692805297000,12],[1692805298000,12],[1692805299000,13],[1692805300000,12],[1692805301000,13],[1692805302000,13],[1692805303000,13],[1692805304000,13],[1692805305000,14],[1692805306000,13],[1692805307000,14],[1692805308000,14],[1692805309000,14],[1692805310000,15],[1692805311000,14],[1692805312000,15],[1692805313000,15],[1692805314000,15],[1692805315000,16],[1692805316000,15],[1692805317000,16],[1692805318000,16],[1692805319000,16],[1692805320000,16],[1692805321000,17],[1692805322000,16],[1692805323000,17],[1692805324000,17],[1692805325000,18],[1692805326000,17],[1692805327000,18],[1692805328000,17],[1692805329000,18],[1692805330000,19],[1692805331000,18],[1692805332000,18],[1692805333000,19],[1692805334000,19],[1692805335000,19],[1692805336000,20],[1692805337000,19],[1692805338000,21],[1692805339000,20],[1692805340000,21],[1692805341000,21],[1692805342000,20],[1692805343000,21],[1692805344000,21],[1692805345000,21],[1692805346000,21],[1692805347000,22],[1692805348000,21],[1692805349000,22],[1692805350000,22],[1692805351000,22],[1692805352000,22],[1692805353000,23],[1692805354000,23],[1692805355000,23],[1692805356000,23],[1692805357000,23],[1692805358000,23],[1692805359000,24],[1692805360000,24],[1692805361000,24],[1692805362000,24],[1692805363000,25],[1692805364000,24],[1692805365000,25],[1692805366000,25],[1692805367000,25],[1692805368000,25],[1692805369000,26],[1692805370000,26],[1692805371000,26],[1692805372000,26],[1692805373000,26],[1692805374000,27],[1692805375000,26],[1692805376000,27],[1692805377000,27],[1692805378000,27],[1692805379000,28],[1692805380000,28],[1692805381000,27],[1692805382000,28],[1692805383000,29],[1692805384000,28],[1692805385000,29],[1692805386000,28],[1692805387000,29],[1692805388000,29],[1692805389000,30],[1692805390000,29],[1692805391000,30],[1692805392000,30],[1692805393000,30],[1692805394000,30],[1692805395000,31],[1692805396000,30],[1692805397000,31],[1692805398000,31],[1692805399000,31],[1692805400000,32],[1692805401000,31],[1692805402000,32],[1692805403000,32],[1692805404000,32],[1692805405000,33],[1692805406000,32],[1692805407000,33],[1692805408000,33],[1692805409000,33],[1692805410000,33],[1692805411000,34],[1692805412000,33],[1692805413000,34],[1692805414000,34],[1692805415000,35],[1692805416000,34],[1692805417000,35],[1692805418000,34],[1692805419000,35],[1692805420000,36],[1692805421000,35],[1692805422000,35],[1692805423000,36],[1692805424000,36],[1692805425000,36],[1692805426000,37],[1692805427000,36],[1692805428000,37],[1692805429000,37],[1692805430000,37],[1692805431000,37],[1692805432000,37],[1692805433000,38],[1692805434000,38],[1692805435000,38],[1692805436000,38],[1692805437000,39],[1692805438000,38],[1692805439000,39],[1692805440000,39],[1692805441000,39],[1692805442000,40],[1692805443000,40],[1692805444000,39],[1692805445000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692805241000,3],[1692805242000,2],[1692805243000,2],[1692805244000,2],[1692805245000,2],[1692805246000,2],[1692805247000,2],[1692805248000,2],[1692805249000,2],[1692805250000,2],[1692805251000,2],[1692805252000,2],[1692805253000,2],[1692805254000,2],[1692805255000,2],[1692805256000,2],[1692805257000,2],[1692805258000,2],[1692805259000,2],[1692805260000,2],[1692805261000,2],[1692805262000,2],[1692805263000,2],[1692805264000,2],[1692805265000,2],[1692805266000,6],[1692805267000,7],[1692805268000,7],[1692805269000,8],[1692805270000,8],[1692805271000,9],[1692805272000,9],[1692805273000,10],[1692805274000,11],[1692805275000,11],[1692805276000,11],[1692805277000,12],[1692805278000,13],[1692805279000,13],[1692805280000,13],[1692805281000,14],[1692805282000,15],[1692805283000,15],[1692805284000,16],[1692805285000,16],[1692805286000,17],[1692805287000,17],[1692805288000,18],[1692805289000,18],[1692805290000,19],[1692805291000,20],[1692805292000,21],[1692805293000,21],[1692805294000,21],[1692805295000,22],[1692805296000,21],[1692805297000,23],[1692805298000,23],[1692805299000,23],[1692805300000,24],[1692805301000,25],[1692805302000,25],[1692805303000,26],[1692805304000,26],[1692805305000,26],[1692805306000,27],[1692805307000,28],[1692805308000,28],[1692805309000,29],[1692805310000,29],[1692805311000,30],[1692805312000,30],[1692805313000,31],[1692805314000,31],[1692805315000,32],[1692805316000,33],[1692805317000,33],[1692805318000,33],[1692805319000,34],[1692805320000,34],[1692805321000,35],[1692805322000,36],[1692805323000,36],[1692805324000,36],[1692805325000,38],[1692805326000,37],[1692805327000,38],[1692805328000,39],[1692805329000,40],[1692805330000,41],[1692805331000,41],[1692805332000,41],[1692805333000,41],[1692805334000,42],[1692805335000,42],[1692805336000,43],[1692805337000,43],[1692805338000,44],[1692805339000,44],[1692805340000,45],[1692805341000,46],[1692805342000,46],[1692805343000,46],[1692805344000,47],[1692805345000,48],[1692805346000,48],[1692805347000,48],[1692805348000,49],[1692805349000,50],[1692805350000,50],[1692805351000,51],[1692805352000,51],[1692805353000,52],[1692805354000,52],[1692805355000,53],[1692805356000,53],[1692805357000,54],[1692805358000,54],[1692805359000,55],[1692805360000,55],[1692805361000,56],[1692805362000,56],[1692805363000,57],[1692805364000,58],[1692805365000,58],[1692805366000,59],[1692805367000,59],[1692805368000,61],[1692805369000,60],[1692805370000,60],[1692805371000,61],[1692805372000,62],[1692805373000,62],[1692805374000,63],[1692805375000,63],[1692805376000,64],[1692805377000,64],[1692805378000,65],[1692805379000,65],[1692805380000,66],[1692805381000,66],[1692805382000,67],[1692805383000,67],[1692805384000,68],[1692805385000,69],[1692805386000,68],[1692805387000,70],[1692805388000,70],[1692805389000,70],[1692805390000,71],[1692805391000,72],[1692805392000,72],[1692805393000,73],[1692805394000,73],[1692805395000,73],[1692805396000,74],[1692805397000,75],[1692805398000,75],[1692805399000,76],[1692805400000,76],[1692805401000,77],[1692805402000,77],[1692805403000,78],[1692805404000,79],[1692805405000,79],[1692805406000,81],[1692805407000,81],[1692805408000,80],[1692805409000,81],[1692805410000,81],[1692805411000,81],[1692805412000,84],[1692805413000,83],[1692805414000,83],[1692805415000,85],[1692805416000,84],[1692805417000,85],[1692805418000,86],[1692805419000,86],[1692805420000,87],[1692805421000,87],[1692805422000,88],[1692805423000,88],[1692805424000,89],[1692805425000,89],[1692805426000,90],[1692805427000,90],[1692805428000,91],[1692805429000,91],[1692805430000,92],[1692805431000,93],[1692805432000,93],[1692805433000,93],[1692805434000,94],[1692805435000,95],[1692805436000,95],[1692805437000,95],[1692805438000,96],[1692805439000,97],[1692805440000,97],[1692805441000,98],[1692805442000,99],[1692805443000,99],[1692805444000,98],[1692805445000,95]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692805241000,3],[1692805242000,2],[1692805243000,2],[1692805244000,2],[1692805245000,2],[1692805246000,2],[1692805247000,2],[1692805248000,2],[1692805249000,2],[1692805250000,1],[1692805251000,2],[1692805252000,4],[1692805253000,7],[1692805254000,9],[1692805255000,5],[1692805256000,2],[1692805257000,9],[1692805258000,11],[1692805259000,7],[1692805260000,5],[1692805261000,7],[1692805262000,7],[1692805263000,3],[1692805264000,4],[1692805265000,4],[1692805266000,7],[1692805267000,11],[1692805268000,14],[1692805269000,19],[1692805270000,22],[1692805271000,25],[1692805272000,28],[1692805273000,32],[1692805274000,34],[1692805275000,39],[1692805276000,41],[1692805277000,46],[1692805278000,47],[1692805279000,52],[1692805280000,54],[1692805281000,58],[1692805282000,62],[1692805283000,66],[1692805284000,69],[1692805285000,72],[1692805286000,74],[1692805287000,78],[1692805288000,82],[1692805289000,86],[1692805290000,88],[1692805291000,91],[1692805292000,95],[1692805293000,99],[1692805294000,101],[1692805295000,106],[1692805296000,107],[1692805297000,112],[1692805298000,114],[1692805299000,120],[1692805300000,121],[1692805301000,125],[1692805302000,129],[1692805303000,132],[1692805304000,135],[1692805305000,141],[1692805306000,141],[1692805307000,145],[1692805308000,148],[1692805309000,152],[1692805310000,154],[1692805311000,158],[1692805312000,161],[1692805313000,166],[1692805314000,169],[1692805315000,172],[1692805316000,176],[1692805317000,179],[1692805318000,182],[1692805319000,187],[1692805320000,189],[1692805321000,191],[1692805322000,196],[1692805323000,197],[1692805324000,202],[1692805325000,206],[1692805326000,208],[1692805327000,210],[1692805328000,215],[1692805329000,219],[1692805330000,223],[1692805331000,225],[1692805332000,227],[1692805333000,231],[1692805334000,235],[1692805335000,241],[1692805336000,243],[1692805337000,245],[1692805338000,250],[1692805339000,253],[1692805340000,256],[1692805341000,258],[1692805342000,262],[1692805343000,268],[1692805344000,271],[1692805345000,273],[1692805346000,274],[1692805347000,279],[1692805348000,282],[1692805349000,287],[1692805350000,289],[1692805351000,292],[1692805352000,298],[1692805353000,298],[1692805354000,306],[1692805355000,307],[1692805356000,308],[1692805357000,313],[1692805358000,318],[1692805359000,319],[1692805360000,322],[1692805361000,326],[1692805362000,331],[1692805363000,333],[1692805364000,338],[1692805365000,340],[1692805366000,343],[1692805367000,346],[1692805368000,347],[1692805369000,351],[1692805370000,355],[1692805371000,362],[1692805372000,363],[1692805373000,368],[1692805374000,368],[1692805375000,375],[1692805376000,377],[1692805377000,382],[1692805378000,384],[1692805379000,387],[1692805380000,390],[1692805381000,391],[1692805382000,397],[1692805383000,401],[1692805384000,400],[1692805385000,405],[1692805386000,410],[1692805387000,415],[1692805388000,418],[1692805389000,421],[1692805390000,421],[1692805391000,427],[1692805392000,429],[1692805393000,433],[1692805394000,436],[1692805395000,441],[1692805396000,443],[1692805397000,447],[1692805398000,450],[1692805399000,454],[1692805400000,457],[1692805401000,461],[1692805402000,462],[1692805403000,468],[1692805404000,471],[1692805405000,472],[1692805406000,479],[1692805407000,483],[1692805408000,486],[1692805409000,490],[1692805410000,492],[1692805411000,494],[1692805412000,499],[1692805413000,500],[1692805414000,506],[1692805415000,507],[1692805416000,511],[1692805417000,512],[1692805418000,518],[1692805419000,522],[1692805420000,522],[1692805421000,527],[1692805422000,529],[1692805423000,535],[1692805424000,540],[1692805425000,543],[1692805426000,542],[1692805427000,550],[1692805428000,548],[1692805429000,554],[1692805430000,558],[1692805431000,560],[1692805432000,562],[1692805433000,568],[1692805434000,567],[1692805435000,576],[1692805436000,578],[1692805437000,581],[1692805438000,582],[1692805439000,586],[1692805440000,591],[1692805441000,591],[1692805442000,598],[1692805443000,603],[1692805444000,604],[1692805445000,578]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '9'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  81.73,18.11,0.07,0.03,0.02,0.01,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692805241,null],[1692805242,null],[1692805243,null],[1692805244,null],[1692805245,null],[1692805246,null],[1692805247,null],[1692805248,null],[1692805249,null],[1692805250,null],[1692805251,null],[1692805252,null],[1692805253,null],[1692805254,null],[1692805255,null],[1692805256,null],[1692805257,null],[1692805258,null],[1692805259,null],[1692805260,null],[1692805261,null],[1692805262,null],[1692805263,null],[1692805264,null],[1692805265,null],[1692805266,null],[1692805267,null],[1692805268,null],[1692805269,null],[1692805270,null],[1692805271,null],[1692805272,null],[1692805273,null],[1692805274,null],[1692805275,null],[1692805276,null],[1692805277,null],[1692805278,null],[1692805279,null],[1692805280,null],[1692805281,null],[1692805282,null],[1692805283,null],[1692805284,null],[1692805285,null],[1692805286,null],[1692805287,null],[1692805288,null],[1692805289,null],[1692805290,null],[1692805291,null],[1692805292,null],[1692805293,null],[1692805294,null],[1692805295,null],[1692805296,null],[1692805297,null],[1692805298,null],[1692805299,null],[1692805300,null],[1692805301,null],[1692805302,null],[1692805303,null],[1692805304,null],[1692805305,null],[1692805306,null],[1692805307,null],[1692805308,null],[1692805309,null],[1692805310,null],[1692805311,null],[1692805312,null],[1692805313,null],[1692805314,null],[1692805315,null],[1692805316,null],[1692805317,null],[1692805318,null],[1692805319,null],[1692805320,null],[1692805321,null],[1692805322,null],[1692805323,null],[1692805324,null],[1692805325,null],[1692805326,null],[1692805327,null],[1692805328,null],[1692805329,null],[1692805330,null],[1692805331,null],[1692805332,null],[1692805333,null],[1692805334,null],[1692805335,null],[1692805336,null],[1692805337,null],[1692805338,null],[1692805339,null],[1692805340,null],[1692805341,null],[1692805342,null],[1692805343,null],[1692805344,null],[1692805345,null],[1692805346,null],[1692805347,null],[1692805348,null],[1692805349,null],[1692805350,null],[1692805351,null],[1692805352,null],[1692805353,null],[1692805354,null],[1692805355,null],[1692805356,null],[1692805357,null],[1692805358,null],[1692805359,null],[1692805360,null],[1692805361,null],[1692805362,null],[1692805363,null],[1692805364,null],[1692805365,null],[1692805366,null],[1692805367,null],[1692805368,null],[1692805369,null],[1692805370,null],[1692805371,null],[1692805372,null],[1692805373,null],[1692805374,null],[1692805375,null],[1692805376,null],[1692805377,null],[1692805378,null],[1692805379,null],[1692805380,null],[1692805381,null],[1692805382,null],[1692805383,null],[1692805384,null],[1692805385,null],[1692805386,null],[1692805387,null],[1692805388,null],[1692805389,null],[1692805390,null],[1692805391,null],[1692805392,null],[1692805393,null],[1692805394,null],[1692805395,null],[1692805396,null],[1692805397,null],[1692805398,null],[1692805399,null],[1692805400,null],[1692805401,null],[1692805402,null],[1692805403,null],[1692805404,null],[1692805405,null],[1692805406,null],[1692805407,null],[1692805408,null],[1692805409,null],[1692805410,null],[1692805411,null],[1692805412,null],[1692805413,null],[1692805414,null],[1692805415,null],[1692805416,null],[1692805417,null],[1692805418,null],[1692805419,null],[1692805420,null],[1692805421,null],[1692805422,null],[1692805423,null],[1692805424,null],[1692805425,null],[1692805426,null],[1692805427,null],[1692805428,null],[1692805429,null],[1692805430,null],[1692805431,null],[1692805432,null],[1692805433,null],[1692805434,null],[1692805435,null],[1692805436,null],[1692805437,null],[1692805438,null],[1692805439,null],[1692805440,null],[1692805441,null],[1692805442,null],[1692805443,null],[1692805444,null],[1692805445,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692805241,[6,0,6]],[1692805242,[6,0,6]],[1692805243,[6,0,6]],[1692805244,[6,0,6]],[1692805245,[6,0,6]],[1692805246,[6,0,6]],[1692805247,[6,0,6]],[1692805248,[6,0,6]],[1692805249,[6,0,6]],[1692805250,[6,0,6]],[1692805251,[5,0,5]],[1692805252,[7,0,7]],[1692805253,[11,0,11]],[1692805254,[11,0,11]],[1692805255,[10,0,10]],[1692805256,[7,0,7]],[1692805257,[9,0,9]],[1692805258,[14,0,14]],[1692805259,[11,0,11]],[1692805260,[9,0,9]],[1692805261,[11,0,11]],[1692805262,[12,0,12]],[1692805263,[9,0,9]],[1692805264,[6,0,6]],[1692805265,[10,0,10]],[1692805266,[12,0,12]],[1692805267,[22,0,22]],[1692805268,[25,0,25]],[1692805269,[30,0,30]],[1692805270,[35,0,35]],[1692805271,[38,0,38]],[1692805272,[41,0,41]],[1692805273,[47,0,47]],[1692805274,[51,0,51]],[1692805275,[55,0,55]],[1692805276,[58,0,58]],[1692805277,[62,0,62]],[1692805278,[66,0,66]],[1692805279,[70,0,70]],[1692805280,[75,0,75]],[1692805281,[78,0,78]],[1692805282,[82,0,82]],[1692805283,[87,0,87]],[1692805284,[90,0,90]],[1692805285,[95,0,95]],[1692805286,[99,0,99]],[1692805287,[102,0,102]],[1692805288,[105,0,105]],[1692805289,[112,0,112]],[1692805290,[115,0,115]],[1692805291,[118,0,118]],[1692805292,[122,0,122]],[1692805293,[126,0,126]],[1692805294,[131,0,131]],[1692805295,[136,0,136]],[1692805296,[138,0,138]],[1692805297,[141,0,141]],[1692805298,[147,0,147]],[1692805299,[151,0,151]],[1692805300,[154,0,154]],[1692805301,[159,0,159]],[1692805302,[163,0,163]],[1692805303,[167,0,167]],[1692805304,[171,0,171]],[1692805305,[174,0,174]],[1692805306,[178,0,178]],[1692805307,[182,0,182]],[1692805308,[187,0,187]],[1692805309,[190,0,190]],[1692805310,[196,0,196]],[1692805311,[198,0,198]],[1692805312,[203,0,203]],[1692805313,[207,0,207]],[1692805314,[211,0,211]],[1692805315,[214,0,214]],[1692805316,[220,0,220]],[1692805317,[222,0,222]],[1692805318,[227,0,227]],[1692805319,[230,0,230]],[1692805320,[235,0,235]],[1692805321,[239,0,239]],[1692805322,[242,0,242]],[1692805323,[247,0,247]],[1692805324,[251,0,251]],[1692805325,[255,0,255]],[1692805326,[260,0,260]],[1692805327,[261,0,261]],[1692805328,[268,0,268]],[1692805329,[270,0,270]],[1692805330,[276,0,276]],[1692805331,[278,0,278]],[1692805332,[283,0,283]],[1692805333,[287,0,287]],[1692805334,[292,0,292]],[1692805335,[295,0,295]],[1692805336,[298,0,298]],[1692805337,[303,0,303]],[1692805338,[307,0,307]],[1692805339,[311,0,311]],[1692805340,[315,0,315]],[1692805341,[319,0,319]],[1692805342,[323,0,323]],[1692805343,[327,0,327]],[1692805344,[331,0,331]],[1692805345,[336,0,336]],[1692805346,[339,0,339]],[1692805347,[343,0,343]],[1692805348,[346,0,346]],[1692805349,[352,0,352]],[1692805350,[356,0,356]],[1692805351,[360,0,360]],[1692805352,[363,0,363]],[1692805353,[366,0,366]],[1692805354,[371,0,371]],[1692805355,[376,0,376]],[1692805356,[380,0,380]],[1692805357,[382,0,382]],[1692805358,[387,0,387]],[1692805359,[392,0,392]],[1692805360,[395,0,395]],[1692805361,[399,0,399]],[1692805362,[403,0,403]],[1692805363,[407,0,407]],[1692805364,[412,0,412]],[1692805365,[414,0,414]],[1692805366,[420,0,420]],[1692805367,[423,0,423]],[1692805368,[427,0,427]],[1692805369,[432,0,432]],[1692805370,[435,0,435]],[1692805371,[440,0,440]],[1692805372,[444,0,444]],[1692805373,[447,0,447]],[1692805374,[451,0,451]],[1692805375,[456,0,456]],[1692805376,[459,0,459]],[1692805377,[463,0,463]],[1692805378,[467,0,467]],[1692805379,[472,0,472]],[1692805380,[477,0,477]],[1692805381,[478,0,478]],[1692805382,[483,0,483]],[1692805383,[487,0,487]],[1692805384,[493,0,493]],[1692805385,[495,0,495]],[1692805386,[500,0,500]],[1692805387,[502,0,502]],[1692805388,[508,0,508]],[1692805389,[512,0,512]],[1692805390,[515,0,515]],[1692805391,[520,0,520]],[1692805392,[523,0,523]],[1692805393,[529,0,529]],[1692805394,[532,0,532]],[1692805395,[536,0,536]],[1692805396,[538,0,538]],[1692805397,[544,0,544]],[1692805398,[548,0,548]],[1692805399,[551,0,551]],[1692805400,[556,0,556]],[1692805401,[561,0,561]],[1692805402,[562,0,562]],[1692805403,[567,0,567]],[1692805404,[572,0,572]],[1692805405,[577,0,577]],[1692805406,[579,0,579]],[1692805407,[584,0,584]],[1692805408,[588,0,588]],[1692805409,[592,0,592]],[1692805410,[596,0,596]],[1692805411,[600,0,600]],[1692805412,[603,0,603]],[1692805413,[607,0,607]],[1692805414,[612,0,612]],[1692805415,[617,0,617]],[1692805416,[621,0,621]],[1692805417,[623,0,623]],[1692805418,[627,0,627]],[1692805419,[632,0,632]],[1692805420,[636,0,636]],[1692805421,[640,0,640]],[1692805422,[645,0,645]],[1692805423,[647,0,647]],[1692805424,[651,0,651]],[1692805425,[656,0,656]],[1692805426,[661,0,661]],[1692805427,[664,0,664]],[1692805428,[667,0,667]],[1692805429,[672,0,672]],[1692805430,[677,0,677]],[1692805431,[681,0,681]],[1692805432,[684,0,684]],[1692805433,[687,0,687]],[1692805434,[692,0,692]],[1692805435,[697,0,697]],[1692805436,[700,0,700]],[1692805437,[704,0,704]],[1692805438,[707,0,707]],[1692805439,[712,0,712]],[1692805440,[718,0,718]],[1692805441,[718,0,718]],[1692805442,[725,0,725]],[1692805443,[728,0,728]],[1692805444,[733,0,733]],[1692805445,[1068,0,1068]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692805241,[6,0,6]],[1692805242,[6,0,6]],[1692805243,[6,0,6]],[1692805244,[6,0,6]],[1692805245,[6,0,6]],[1692805246,[6,0,6]],[1692805247,[6,0,6]],[1692805248,[6,0,6]],[1692805249,[6,0,6]],[1692805250,[6,0,6]],[1692805251,[5,0,5]],[1692805252,[7,0,7]],[1692805253,[11,0,11]],[1692805254,[11,0,11]],[1692805255,[10,0,10]],[1692805256,[7,0,7]],[1692805257,[9,0,9]],[1692805258,[14,0,14]],[1692805259,[11,0,11]],[1692805260,[9,0,9]],[1692805261,[11,0,11]],[1692805262,[12,0,12]],[1692805263,[9,0,9]],[1692805264,[6,0,6]],[1692805265,[10,0,10]],[1692805266,[12,0,12]],[1692805267,[22,0,22]],[1692805268,[25,0,25]],[1692805269,[30,0,30]],[1692805270,[35,0,35]],[1692805271,[38,0,38]],[1692805272,[41,0,41]],[1692805273,[47,0,47]],[1692805274,[51,0,51]],[1692805275,[55,0,55]],[1692805276,[58,0,58]],[1692805277,[62,0,62]],[1692805278,[66,0,66]],[1692805279,[70,0,70]],[1692805280,[75,0,75]],[1692805281,[78,0,78]],[1692805282,[82,0,82]],[1692805283,[87,0,87]],[1692805284,[90,0,90]],[1692805285,[94,0,94]],[1692805286,[100,0,100]],[1692805287,[102,0,102]],[1692805288,[105,0,105]],[1692805289,[112,0,112]],[1692805290,[115,0,115]],[1692805291,[118,0,118]],[1692805292,[122,0,122]],[1692805293,[126,0,126]],[1692805294,[131,0,131]],[1692805295,[136,0,136]],[1692805296,[138,0,138]],[1692805297,[141,0,141]],[1692805298,[147,0,147]],[1692805299,[151,0,151]],[1692805300,[154,0,154]],[1692805301,[159,0,159]],[1692805302,[163,0,163]],[1692805303,[167,0,167]],[1692805304,[170,0,170]],[1692805305,[175,0,175]],[1692805306,[178,0,178]],[1692805307,[182,0,182]],[1692805308,[187,0,187]],[1692805309,[190,0,190]],[1692805310,[195,0,195]],[1692805311,[199,0,199]],[1692805312,[203,0,203]],[1692805313,[207,0,207]],[1692805314,[211,0,211]],[1692805315,[214,0,214]],[1692805316,[220,0,220]],[1692805317,[222,0,222]],[1692805318,[227,0,227]],[1692805319,[230,0,230]],[1692805320,[235,0,235]],[1692805321,[239,0,239]],[1692805322,[242,0,242]],[1692805323,[247,0,247]],[1692805324,[251,0,251]],[1692805325,[255,0,255]],[1692805326,[260,0,260]],[1692805327,[261,0,261]],[1692805328,[268,0,268]],[1692805329,[270,0,270]],[1692805330,[276,0,276]],[1692805331,[278,0,278]],[1692805332,[283,0,283]],[1692805333,[287,0,287]],[1692805334,[292,0,292]],[1692805335,[295,0,295]],[1692805336,[298,0,298]],[1692805337,[303,0,303]],[1692805338,[307,0,307]],[1692805339,[311,0,311]],[1692805340,[315,0,315]],[1692805341,[319,0,319]],[1692805342,[323,0,323]],[1692805343,[327,0,327]],[1692805344,[331,0,331]],[1692805345,[336,0,336]],[1692805346,[339,0,339]],[1692805347,[343,0,343]],[1692805348,[346,0,346]],[1692805349,[352,0,352]],[1692805350,[356,0,356]],[1692805351,[360,0,360]],[1692805352,[361,0,361]],[1692805353,[368,0,368]],[1692805354,[371,0,371]],[1692805355,[376,0,376]],[1692805356,[379,0,379]],[1692805357,[383,0,383]],[1692805358,[387,0,387]],[1692805359,[392,0,392]],[1692805360,[395,0,395]],[1692805361,[399,0,399]],[1692805362,[402,0,402]],[1692805363,[408,0,408]],[1692805364,[412,0,412]],[1692805365,[414,0,414]],[1692805366,[420,0,420]],[1692805367,[423,0,423]],[1692805368,[427,0,427]],[1692805369,[432,0,432]],[1692805370,[435,0,435]],[1692805371,[440,0,440]],[1692805372,[443,0,443]],[1692805373,[448,0,448]],[1692805374,[450,0,450]],[1692805375,[457,0,457]],[1692805376,[459,0,459]],[1692805377,[463,0,463]],[1692805378,[466,0,466]],[1692805379,[473,0,473]],[1692805380,[476,0,476]],[1692805381,[479,0,479]],[1692805382,[483,0,483]],[1692805383,[487,0,487]],[1692805384,[493,0,493]],[1692805385,[495,0,495]],[1692805386,[500,0,500]],[1692805387,[502,0,502]],[1692805388,[508,0,508]],[1692805389,[512,0,512]],[1692805390,[514,0,514]],[1692805391,[521,0,521]],[1692805392,[523,0,523]],[1692805393,[529,0,529]],[1692805394,[532,0,532]],[1692805395,[536,0,536]],[1692805396,[538,0,538]],[1692805397,[544,0,544]],[1692805398,[548,0,548]],[1692805399,[551,0,551]],[1692805400,[556,0,556]],[1692805401,[561,0,561]],[1692805402,[562,0,562]],[1692805403,[567,0,567]],[1692805404,[572,0,572]],[1692805405,[577,0,577]],[1692805406,[579,0,579]],[1692805407,[584,0,584]],[1692805408,[588,0,588]],[1692805409,[592,0,592]],[1692805410,[596,0,596]],[1692805411,[600,0,600]],[1692805412,[603,0,603]],[1692805413,[607,0,607]],[1692805414,[612,0,612]],[1692805415,[617,0,617]],[1692805416,[621,0,621]],[1692805417,[623,0,623]],[1692805418,[627,0,627]],[1692805419,[632,0,632]],[1692805420,[636,0,636]],[1692805421,[640,0,640]],[1692805422,[645,0,645]],[1692805423,[647,0,647]],[1692805424,[651,0,651]],[1692805425,[656,0,656]],[1692805426,[661,0,661]],[1692805427,[664,0,664]],[1692805428,[667,0,667]],[1692805429,[672,0,672]],[1692805430,[677,0,677]],[1692805431,[681,0,681]],[1692805432,[684,0,684]],[1692805433,[686,0,686]],[1692805434,[693,0,693]],[1692805435,[697,0,697]],[1692805436,[700,0,700]],[1692805437,[704,0,704]],[1692805438,[707,0,707]],[1692805439,[712,0,712]],[1692805440,[718,0,718]],[1692805441,[718,0,718]],[1692805442,[725,0,725]],[1692805443,[728,0,728]],[1692805444,[733,0,733]],[1692805445,[1068,0,1068]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68422.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
